<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初识JQuery</title>
		<!-- JQuery 了解JavaScript功能：页面上所有触发型效果 
		JQuery的使用方式：
		1.JQuery官方网站，下载JQuery封装js库，格式：jquery-1.11.1.js
		                  jquery-2.x.js之后版本不支持 IE 6，7，8
		2.引入Jquery框架【js类库】，在head中，script元素 导入
		            <script src="js/jquery-1.11.0.min.js"></script>
		3.编写JQuery框架语法---页面动态效果
		在页面最后body前方加scrpit元素，为什么？
		 思考:操作页面上面元素，body中生成实际页面的内容，改变页面效果
		 整个html+css 理解为一颗DOM树： 元素、属性、属性值，先存在
		 这些元素，才可以进行操作，所以，JS中DOM树的操作需要等页面元素
		 都加载完毕，才可以进行对页面元素进行实质性操作!
				 JavaScript行为层  EMCAScript5.0核心语法层--类似于Java基础
	    JavaScript行为层   EMCAScript5.0核心语法层--类似于Java基础
		                  功能：做逻辑
					重点	  DOM   Document Object Model 文件节点对象模型
						  功能:做页面效果【结合逻辑】
					DOM树  document  元素、属性、属性值
						     html
						  head body
						  meta
					charsert	  
						  BOM   Browser Object Model 浏览器对象模型
						  功能：做浏览器效果【结合逻辑】  吸顶灯效果
		-->
		<script src="js/jquery-1.11.0.min.js"></script>
	</head>
	<button>按钮</button>
	<!-- 编写JQ语法 -->
	<script>
			/*JQ语法*/
			$("button").click(function(){alert("别着急~")})
		</script></strong>
	<body>
	</body>
</html>